<template>
    <footer>
        <h1>{{msg}}</h1>
        <h2>{{author}}</h2>
    </footer>
</template>
<script>
export default {
  name: 'Footer',
  props: {
    msg: String
  },
  computed: {
      author () {
        return this.$store.state.author
      }
    }
}
</script>
<style>
footer{
    width: 100%;
    height:100px;
    background: #f8f8f8;
    text-align: center;
    font-size:30px;
}
</style>

